<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--引入jquery库-->
    <script type="text/javascript" src="script/jquery-3.7.1.min.js"></script>
    <script type="text/javascript">
        //js方法
        // window.onload=function (){
        //     var elementById = document.getElementById("btn01");
        //     elementById.onclick=function (){
        //         alert("hello")
        //     }
        // }

        //使用jquery库
        //1.通过debug 发现jquery对象是数组
        //jquery对象是对dom对象进行封装后的对象
        $(function (){  //相当于window.onload=function (){}
            //2.获取jquery对象方法
            // $("#id")
            //3.编程中，规定jquery对象，命名以$开头
            var $btn01 = $("#btn01");
            $btn01.click(function (){ //注意是click，不是onclick，与原生js不同
                alert("hello,jquery...")
            })
        })

    </script>
</head>
<body>
<button id="btn01">按钮</button>
</body>
</html>